import React, { useEffect, useRef, useState } from 'react'

export default function App() {
  const inputRef = useRef('你好') // useRef可以给初始值，可以用来单独模拟componentDidUpdate
  console.log(inputRef);
  let [count, setCount] = useState(9)
  const flagRef = useRef(true)
  useEffect(()=>{
      if(flagRef.current){
          flagRef.current = false;
          return;
      }
      // 以下代码只会在componentDidUpdate时运行
      console.log('componentDidUpdate');
  }) 
  return (
    <div>
      <input type="text" ref={inputRef} />
      <button onClick={()=> {
        // 绑定input之后获取当前的值
        console.log(inputRef.current.value); 
      }}>获取input的值</button>
      <p>count： {count} <button onClick={()=> setCount(count + 1)}>count ++</button></p>
    </div>
  )
}
